Landing page - eGames

•

Projeto desenvolvido durante o curso ui Start. Este projeto tem como foco maior criar e entender uma Landing Page, seu impacto e função com o usuário. Também aprimorar atividades visuais de User Interface criando a responsividade dessa página também ser visualizada em dispositivos móveis.

O que é uma landing page?

São páginas de conversão do visitante ao produto, da oportunidade ao cliente. Também conhecidas como páginas de captura, elas são mais simples que uma página tradicional, elas são centradas na oferta central de uma campanha de Marketing Digital.

Meu cliente eGames

Captura Converter e criar a oportunidade para baixar o aplicativo eGames

Etapas

Briefing Coletar as informações do cliente, da sua necessidade e do projeto

Imersão Realizar uma desk research sobre o tema, entender o que é uma LP, em qual cenário ela se encaixa e se é o modelo mais viável ao projeto, depois realizar uma benchmark e coletar algumas referencias visuais.

grid bootstrap, hierarquia tipográfica e balanço visual.

Construção do Styleguide Escolha das cores, famílias tipográficas, ícones, criação de componentes, imagens para a página e etc.

Construção do Wireframe de alta fidelidade Com o wire de média já pronto, agora é aplicar o styleguide, criar a página, tudo que for necessário e fazendo também os ajustes. Se precisar reposicionar ou criar elementos novos.

Convertendo em página mobile Otimizando a página para visualização em dispositivos móveis, reposicionando conjuntos, excluindo elementos muito pesados, reajustar títulos e corpos de textos.

Wireframe média fidelidade Clique aqui para visualizar

Styleguide